<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import '@/uni_modules/uni-scss/index.scss';
	@import '@/components/colorui/icon.css';
	@import '@/components/colorui/main.css';
	@import 'animate.css';

	@-webkit-keyframes shadow-inset-center {
		0% {
			-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
		}

		100% {
			-webkit-box-shadow: inset 0 0 14px 0px rgba(0, 0, 0, 0.5);
			box-shadow: inset 0 0 14px 0px rgba(0, 0, 0, 0.5);
		}
	}

	@keyframes shadow-inset-center {
		0% {
			-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
		}

		100% {
			-webkit-box-shadow: inset 0 0 14px 0px rgba(0, 0, 0, 0.5);
			box-shadow: inset 0 0 14px 0px rgba(0, 0, 0, 0.5);
		}
	}

	//切换头像动画
	@-webkit-keyframes rotate-center {
		0% {
			-webkit-transform: rotate(0);
			transform: rotate(0);
		}

		100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@keyframes rotate-center {
		0% {
			-webkit-transform: rotate(0);
			transform: rotate(0);
		}

		100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	//详情页面立即沟通按钮
	@-webkit-keyframes scale-up-bottom {
		0% {
			-webkit-transform: scale(0.5);
			transform: scale(0.5);
			-webkit-transform-origin: 50% 100%;
			transform-origin: 50% 100%;
		}

		100% {
			-webkit-transform: scale(1);
			transform: scale(1);
			-webkit-transform-origin: 50% 100%;
			transform-origin: 50% 100%;
		}
	}

	@keyframes scale-up-bottom {
		0% {
			-webkit-transform: scale(0.5);
			transform: scale(0.5);
			-webkit-transform-origin: 50% 100%;
			transform-origin: 50% 100%;
		}

		100% {
			-webkit-transform: scale(1);
			transform: scale(1);
			-webkit-transform-origin: 50% 100%;
			transform-origin: 50% 100%;
		}
	}

	//登录页面登录框弹出
	@-webkit-keyframes slide-in-blurred-top {
		0% {
			-webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
			transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
			-webkit-transform-origin: 50% 0%;
			transform-origin: 50% 0%;
			-webkit-filter: blur(40px);
			filter: blur(40px);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateY(0) scaleY(1) scaleX(1);
			transform: translateY(0) scaleY(1) scaleX(1);
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-filter: blur(0);
			filter: blur(0);
			opacity: 1;
		}
	}

	@keyframes slide-in-blurred-top {
		0% {
			-webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
			transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
			-webkit-transform-origin: 50% 0%;
			transform-origin: 50% 0%;
			-webkit-filter: blur(40px);
			filter: blur(40px);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateY(0) scaleY(1) scaleX(1);
			transform: translateY(0) scaleY(1) scaleX(1);
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-filter: blur(0);
			filter: blur(0);
			opacity: 1;
		}
	}

	@-webkit-keyframes slide-rotate-hor-b-fwd {
		0% {
			-webkit-transform: translateY(0) translateZ(0) rotateX(0deg);
			transform: translateY(0) translateZ(0) rotateX(0deg);
			-webkit-transform-origin: top center;
			transform-origin: top center;
		}

		100% {
			-webkit-transform: translateY(150px) translateZ(130px) rotateX(90deg);
			transform: translateY(150px) translateZ(130px) rotateX(90deg);
			-webkit-transform-origin: top center;
			transform-origin: top center;
		}
	}

	@keyframes slide-rotate-hor-b-fwd {
		0% {
			-webkit-transform: translateY(0) translateZ(0) rotateX(0deg);
			transform: translateY(0) translateZ(0) rotateX(0deg);
			-webkit-transform-origin: top center;
			transform-origin: top center;
		}

		100% {
			-webkit-transform: translateY(150px) translateZ(130px) rotateX(90deg);
			transform: translateY(150px) translateZ(130px) rotateX(90deg);
			-webkit-transform-origin: top center;
			transform-origin: top center;
		}
	}

	@keyframes gradientBG {
		0% {
			background-position: 0% 50%;
		}

		50% {
			background-position: 100% 50%;
		}

		100% {
			background-position: 0% 50%;
		}
	}

	@keyframes tan {
		from {
			transform: scale3d(1, 1, 1)
		}

		10%,
		20% {
			transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
		}

		30%,
		50%,
		70%,
		90% {
			transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
		}

		40%,
		60%,
		80% {
			transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
		}

		to {
			transform: scale3d(1, 1, 1)
		}
	}

	@-webkit-keyframes rotate-vert-center {
		0% {
			-webkit-transform: rotateY(0);
			transform: rotateY(0);
		}

		100% {
			-webkit-transform: rotateY(360deg);
			transform: rotateY(360deg);
		}
	}

	@keyframes rotate-vert-center {
		0% {
			-webkit-transform: rotateY(0);
			transform: rotateY(0);
		}

		100% {
			-webkit-transform: rotateY(360deg);
			transform: rotateY(360deg);
		}
	}

	@keyframes myfirst {
		0% {
			background: red;
		}

		25% {
			background: yellow;
		}

		50% {
			background: hotpink;
		}

		100% {
			background: green;
		}
	}

	@-webkit-keyframes myfirst

	/* Safari 与 Chrome */
		{
		0% {
			background: red;
		}

		25% {
			background: yellow;
		}

		50% {
			background: hotpink;
		}

		100% {
			background: green;
		}
	}

	@keyframes slide-out-top {
		0% {
			transform: translateY(0rpx);

		}

		100% {
			transform: translateY(-1000rpx);
		}
	}

	@import '@/uni_modules/uni-scss/index.scss';

	/* 解决小程序和app滚动条的问题 */
	/* #ifdef MP-WEIXIN || APP-PLUS */
	::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}

	/* #endif */

	/* 解决H5 的问题 */
	/* #ifdef H5 */
	uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
		/* 隐藏滚动条，但依旧具备可以滚动的功能 */
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}

	/* #endif */
</style>